@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px) {

	.width_all{ max-width:980px;}
	
	.head_top .logo{ width:284px;}
	.head_top .company_name{ font-size:12px; letter-spacing:-0.48px; line-height:26px; margin:8px 0 0 12px;}
	.head_top .company_name h1{ font-size:22px; letter-spacing:0; line-height:34px;}
	.head_top .weixin{ width:68px;}
	.head_top .cnen{ margin:48px 4px 0 12px;}
	.head_top .search_pc{ margin:48px 0 0 0;}
	
	.youshi_bot ul li{ width:790px;}

}

@media screen and (max-width:1000px) {

	.width_all{ width:92%;}
	
	.head_top{ margin:14px auto;}
	.head_top .logo{ width:167px;}
	.head_top .company_name{ line-height:16px; margin:0 0 0 12px;}
	.head_top .company_name h1{ line-height:24px;}
	.head_top .weixin{ display:none;}
	.head_top .cnen{ display:none;}
	.head_top .search_pc{ display:none;}
	
	#navToggle{ height:auto; padding:9px; margin:0 -9px 0 0; display:block; position:absolute; right:4%; top:-62px;}
	#navToggle span{ position:relative; width:25px; height:1px; margin-top:19px;}
	#navToggle span:before,#navToggle span:after{ content:''; position:relative; width:100%; height:1px; left:0;}
	#navToggle span,#navToggle span:before,#navToggle span:after{ -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; display:block; background:#4f4f4f;}
	#navToggle span:before{ top:8px;}
	#navToggle span:after{ bottom:10px;}
	#navToggle.open span:before{ top:10px; -webkit-transform:translateY(-11px) rotate(-45deg); -moz-transform:translateY(-11px) rotate(-45deg); -ms-transform:translateY(-11px) rotate(-45deg); -o-transform:translateY(-11px) rotate(-45deg); transform:translateY(-11px) rotate(-45deg);}
	#navToggle.open span:after{ bottom:12px; -webkit-transform:translateY(10px) rotate(45deg); -moz-transform:translateY(10px) rotate(45deg); -ms-transform:translateY(10px) rotate(45deg); -o-transform:translateY(10px) rotate(45deg); transform:translateY(10px) rotate(45deg);}
	#navToggle.open span{ background:none;}
	#navToggle.open span:before,#navToggle.open span:after{ background:#4f4f4f;}
	.nav{ position:relative;}
	.navbar_nav{ display:none;}
	
	.banner_sj{ display:block;}
	.banner{ display:none;}
	
	.new_product{ margin:42px auto;}
	.new_product:before{ display:none;}
	.new_p_left{ display:none;}
	.new_p_right{ float:none; width:100%;}
	
	.youshi{ margin:42px auto; padding:42px 0;}
	.youshi .ys_tab{ margin:20px 0 32px 0;}
	.youshi .ys_tab li{ width:20%; margin:0 0.6%;}
	.youshi .ys_tab li a{ width:100%;}
	.youshi .youshi_qj{ margin:32px 0 0 0;}
	.youshi_bot ul li{ width:100%; float:100%;}
	.youshi_bot .ys_text{ width:100%; height:auto; position:inherit; top:0; margin:0; overflow:hidden; box-shadow:none;}
	.youshi_bot .ys_text p{ margin:5% auto 6% auto;}
	
	.about_us{ margin:42px auto;}
	.about_left{ float:none; width:100%; margin:0 0 28px 0;}
	.about_left .about_profiles{ margin:26px 0 32px 0;}
	.about_right{ float:none; width:100%;}
	
	.shebei{ padding:42px 0 24px 0;}
	
	.case{ padding:36px 0;}
	
	.news{ margin:42px auto;}
	.news .news_tab{ margin:24px 0 32px 0px;}
	
	.foot_w{ margin:32px auto 42px auto;}
	.foot_w dl{ float:left; width:16%; margin:0 0 16px 0;}
	.foot_w dl:nth-child(2){ width:26%;}
	.foot_w dl:nth-child(3){ width:26%;}
	.foot_w dl:last-child{ width:100%; float:none; overflow:hidden; margin:0;}
	
	.all_name{ float:none; width:100%; margin:16px 0 8px 0;}
    .location{ float:none; width:100%; height:auto; margin:8px 0 16px 0; display:block;}
	
	.content:before{ display:none;}
	.cont_left{ width:100%; float:none; margin:0 auto; overflow:hidden;}
	.cont_left ul li a:hover,.cont_left ul li a.hout{ padding:0 0 0 2%;}
    .cont_right{ width:100%; float:none; margin:0 auto; overflow:hidden;}
    
    .game163{ display:none;}
	.pro_sj{ display:block;}
	.flex-control-paging li a{ background:#eee;}
	.product_right{ float:none; width:100%; margin:22px 0 0 0;}

}

@media screen and (max-width:640px) {

	.head_top .company_name{ display:none;}
	
	.new_p_right ul li{ width:48%; margin:0 4% 4% 0;}
	.new_p_right ul li:nth-child(2n){ margin:0 0 4% 0;}
	.new_p_right ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.new_p_right ul li:nth-child(6n){ margin:0 0 4% 0;}
	
	.youshi .ys_tab{ height:96px;}
	.youshi .ys_tab li{ width:47%; margin:0 1.5% 12px 1.5%;}
	
	.img-list li{ width:6%; margin:0 0.5% 0 0;}
	
	.honor ul li{ width:48%; margin:0 4% 4% 0;}
	.honor ul li:nth-child(2n){ margin:0 0 4% 0;}
	.honor ul li:nth-child(3n){ margin:0 4% 4% 0;}
	.honor ul li:nth-child(6n){ margin:0 0 4% 0;}
	.honor ul li:last-child{ margin:0;}
	
	.news .news_tab li{ margin:0 4px;}
	.news .news_tab li a{ width:92px;}
	.news_width .news_left{ float:none; width:100%; margin:0 0 42px 0;}
	.news_width .news_right{ float:none; width:100%;}
	
	.foot_w dl{ display:none;}
	.foot_w dl:last-child{ display:block; width:100%; float:none;}
	.foot_icp{ margin:0 0 70px 0;}
	
	.why_us ul li{ width:50%;}
	.why_us ul li:before{ position:absolute; top:inherit; right:inherit; bottom:0; left:0; content:""; width:100%; height:1px; background:#e2e2e2;}
    .why_us ul li:nth-child(2):after{ display:none;}
    .why_us ul li:nth-child(3):before{ display:none;}
    .why_us ul li:last-child:before{ display:none;}
    
    .products ul li{ width:48%; margin:0 4% 4% 0;}
	.products ul li:nth-child(2n){ margin:0 0 4% 0;}
	
	.ny_case ul li{ width:48%; margin:0 4% 4% 0;}
    .ny_case ul li:nth-child(2n){ margin:0 0 4% 0;}
    
    .ny_news .n_left{ float:none; width:100%; margin:0 0 8px 0;}
    .ny_news .n_right{ float:none; width:100%;}
    
    .contact{ float:none; width:100%; margin:0 0 20px 0;}
    .messages{ float:none; width:100%;}
	
	/*bottombox*/
	#bottombox{ width:100%; height:60px; background:rgba(0,0,0,.8); z-index:99; position:fixed; bottom:0px; left:0px; right:0px; top:auto; padding:5px 0; display:none;}
	.fize{ text-align:center;}
	.fize img{ display:inline; margin:0 0 3px 0;}
	.bot1{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot1 a{ color:#fff;  font-size:14px;}
	.bot2{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot2 a{ color:#fff;   font-size:14px;}
	.bot3{ width:25%; height:auto; float:left; color:#500; text-align:center; display:block; margin:3px 0px;}
	.bot3 a{ color:#fff;  font-size:14px; }
	.bot4{ width:25%; height:auto; float:left;  color:#fff; text-align:center; display:block; margin:3px 0px;}
	.bot4 a{ color:#fff;  font-size:14px;}

}